<div class="my-select">
    <div class="my-select-selection" ng-disabled="disabled">
        <input class="my-select-selection_choice ellipsis"
               title="{{header}}" ng-click="toggleSelect()"
               ng-model="header">
        <span class="my-select-icon">
        <i class="my-select-selection_choice_remove" ng-click="uncheckAll()"></i>
        <i class="my-select-arrow-icon_pull-down" ng-click="toggleSelect()"></i>
        </span>
    </div>
    <ul class="my-select-dropdown-menu" ng-class="{'single': !multiple}" ng-show="items.length">
        <li class="my-select-dropdown-menu-search">
            <input class="my-select-dropdown-menu-search-box" type="text"
                   ng-model="searchText.label" autofocus="autofocus"
                   placeholder="Filter"/></li>
        <li class="my-select-dropdown-menu-item" ng-show="multiple">
            <div class="my-select-dropdown-menu-item_render" ng-click="checkAll()">
                <div class="my-select-dropdown-menu-item_render-icon-wrapper">
                    <i class="my-select-dropdown-menu-item_render-icon" ng-class="{'checked':allChecked}"></i>
                </div>
                <div class="my-select-dropdown-menu-item-text" title="{{checkAllName}}">{{checkAllName}}</div>
            </div>
            <!--<button class="btn-link btn-small" ng-click="uncheckAll()"><i class="icon-remove"></i> Uncheck all</button>-->
        </li>
        <li class="my-select-dropdown-menu-item" ng-repeat="i in items | filter:searchText">
            <div class="my-select-dropdown-menu-item_render" ng-click="select(i); focus()">
                <div class="my-select-dropdown-menu-item_render-icon-wrapper">
                    <i class="my-select-dropdown-menu-item_render-icon" ng-class="{'checked': i.checked}"></i>
                </div>
                <div class="my-select-dropdown-menu-item-text" title="{{i.label}}">{{i.label}}</div>
            </div>
        </li>
    </ul>
</div>